<template>
  <div class="rounded-lg p-4 text-white text-center text-xl font-semibold" :style="{ backgroundColor: color }">
    <div>{{ title }}</div>
    <div class="text-3xl mt-2">{{ count }}</div>
  </div>
</template>

<script lang="ts" setup>
defineProps<{
  title: string;
  count: number;
  color: string;
}>();
</script>
